<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="js/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/home.css">
<script>
	$(document).ready(function() {
		$("#menu-noidi li").click(function() {
			$("input[name='noidi']").val($(this).text());
			$("#menu-noidi").hide();
		});
		$("input[name='noidi']").mouseenter(function() {
			$("#menu-noidi").show(300);
		});
		$("input[name='noidi']").mouseleave(function() {
			$("#menu-noidi").hide();
		});
		$("#menu-noidi").mouseenter(function() {
			$("#menu-noidi").show();
		});
		$("#menu-noidi").mouseleave(function() {
			$("#menu-noidi").hide();
		});

		$("#menu-noiden li").click(function() {
			$("input[name='noiden']").val($(this).text());
			$("#menu-noiden").hide();
		});
		$("input[name='noiden']").mouseenter(function() {
			$("#menu-noiden").show(300);
		});
		$("input[name='noiden']").mouseleave(function() {
			$("#menu-noiden").hide();
		});
		$("#menu-noiden").mouseenter(function() {
			$("#menu-noiden").show();
		});
		$("#menu-noiden").mouseleave(function() {
			$("#menu-noiden").hide();
		});
	});
</script>

</style>

<script>
	
</script>
</head>
<body>

	<section>
		<img alt="nen" src="image/banner03-v1.jpg" width="100%">
	</section>
	<article>
		<form action="#" class="login-form">
			<table id="tb-datve" width="200px">
				<tr>
					<td><img alt="a" src="image/tim ve xe.jpg"></td>
				</tr>
				<tr>
					<td><span id="title-datve" class="title-datvedi">Nơi
							đi:</span><input type="text" name="noidi" placeholder="Nơi đi" />
						<div id="menu-noidi">
							<div class="noidi-nam">
								<ul class="noidi-nam1">
									<li class="lis"">Hồ Chí Minh</li>
									<li>Cần Thơ</li>
									<li>Bà rịa Vũng Tàu</li>
								</ul>
								<ul class="noidi-nam2">
									<li>Kiên Giang</li>
									<li>Long An</li>
									<li>Sóc Trăng</li>
								</ul>
							</div>
							<div class="noidi-trung">
								<ul class="noidi-trung1">
									<li>Đà Nẵng</li>
									<li>Quãng Ngãi</li>
									<li>Khánh Hòa</li>
								</ul>
								<ul class="noidi-trung2">
									<li>Hà Tĩnh</li>
									<li>Kon Tum</li>
									<li>Ninh Thuận</li>
								</ul>
							</div>
							<div class="noidi-bac">
								<ul class="noidi-bac1">
									<li>Hà Nội</li>
									<li>Hải Phòng</li>
									<li>Quảng Ninh</li>
								</ul>
								<ul class="noidi-bac2">
									<li>Hưng Yên</li>
									<li>Lai Châu</li>
									<li>Lạng Sơn</li>
								</ul>
							</div>
						</div></td>



					<td><span id="title-datve" class="title-datveden">Nơi
							đến:</span><input type="text" name="noiden" placeholder="Nơi đến" />
						<div id="menu-noiden">bbbbbbbbbbbbbbbbbbbbbbbbbbbbb</div></td>

				</tr>
				<tr>
					<td><span id="title-datve">Ngày đi:</span><input type="date"
						name="ngay" min="12/12/2000" max="12/12/2014" /></td>
					<td><span id="title-datve">Ngày về:</span><input type="date"
						name="ngay" min="12/12/2000" max="12/12/2014" /></td>

				</tr>
				<tr>
					<td colspan="2" align="right"><input type="submit"
						value="Tìm vé" /></td>
				</tr>
			</table>

		</form>
	</article>
	<script>
		$("#menu-noidi").hide();
		$("#menu-noiden").hide();
	</script>
	<section class="section1"></section>
	<footer>
		<section class="section-f1">
			<div class="h2">
				<h2>Về chúng tôi</h2>
			</div>
			<hr>
			<ul>
				<li><a href="google.com">Giới thiệu</a></li>
				<li><a href="dauxe.html">Kiểm tra vé</a></li>
				<li><a href="google.com">Tin tức</a></li>
				<li><a href="google.com">Liên hệ</a></li>
			</ul>
		</section>
	</footer>


</body>
</html>